<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
		<script src="js/mock.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/database.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/point-conversion.css"/>
	</head>
	<body>
		<header>
			<img src="img/back.svg" class="back">
			<h1 class="mui-title">商品详情</h1>
			<img src="img/top-chose.png" class="header-right">
		</header>
		<div id="banner">
			<div class="idot space-between" id="idot"></div>
			<ul class="banner-box flex" id="banner-box">
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div id="shop-details">
			<div class="shopset">
				<p class="pone">
					<span id="shopcar">兑换商品</span>
					Jackwoldf 杰克沃尔夫 冲锋衣
				</p>
				<p class="ptwo">全压胶 可挂内胆 帽可入领 宽松剪裁 防水透气 018春夏新款 男款单层防水外套透气压胶冲锋衣 2UBL 山脉户外</p>
				<p class="pthree"><span id="pts">256</span>积分 <del>￥1699</del></p>
				<p class="space-between four"><span>包邮</span><span>已兑换：568件</span></p>
			</div>
			<div class="explain">
				<span id="say">说明</span>
				<span>兑换说明兑换说明.....</span>
			</div>
		</div>
		<div id="shopclk">
			<ul class="space-between">
				<li>商品详情</li>
				<li>参数</li>
			</ul>
		</div>
		<div id="commodity-img">
			<img src="img/conversion-img1.jpg" >
			<img src="img/conversion-img2.jpg" >
		</div>
		<div id="foot">
			<span>立即兑换</span>
		</div>
	</body>
	<script src="js/resultbank.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		window.onload=function(){
			app.banner('banner', 3000);
			app.mockhot('/shopbanner', function(res) {
				var responseText = JSON.parse(res);
				var box = document.getElementById('banner-box');
				var li = box.getElementsByTagName('li');
				for (var i = 0; i < li.length; i++) {
					li[i].style.background = 'url(' + responseText.src[i] + ') no-repeat center center';
				}
			})
		}
	</script>
</html>
